window.addEventListener('DOMContentLoaded', () => {
    const replaceText = (selector, text) => {
        // 不能写在main.js里，因为主进程和渲染进程是完全不同的两个进程，不能直接在主进程中编辑DOM，因为它无法访问渲染器 文档 上下文
        // 主进程 渲染器进程 预加载脚本 https://www.electronjs.org/zh/docs/latest/tutorial/process-model
        //  预加载脚本执行于渲染器进程中，且先于网页内容开始加载,且能使用nodejs的api而有更多的权限
        const element = document.getElementById(selector)
        if (element) element.innerText = text
    }
  
    for (const dependency of ['chrome', 'node', 'electron']) {
        replaceText(`${dependency}-version`, process.versions[dependency])
    }
})
